<template>
  <TabsRoot
    :class="cn('flex flex-col gap-2 ', props.className)"
    data-slot="tabs"
    v-bind="props"
  >
    <slot/>
  </TabsRoot>
</template>

<script setup>
import {TabsRoot} from "radix-vue";
import {cn} from "../utils";

const props = defineProps({
  className: {
    type: String,
    default: "space-y-8",
  },
});
</script>
